<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>假B站</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
<!--    link标签用于关联当前HTML页面与其他资源的关系，关系通过rel属性执行，这里使用的是icon表示这个文件是当前页面图标-->
</head>
<body>
      现在全体起立
    <img width="720" src="dora.jpeg" alt="多来嗯梦">
    <!--插入一个图片，图片放在Resources目录,alt表示图片加载失败时显示的文本-->
    <iframe src="https://player.bilibili.com/player.html?aid=333231998&bvid=BV1rA411g7q8&cid=346917516&page=1" scrolling="no"
            border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="800" height="500" &high_quality=1></iframe>
    <!--使用iframe嵌入一个bilibili视频-->
<!--如果遇到特殊字符怎么办呢？和XML一样，可以使用转义字符，可以查看resources目录下的Character_Entities.png图片-->

      <div>
          <span>我是第一块第一个部分</span>
          <span>我是第一块第二个部分</span>
      </div>
      <div>我是第二块</div>

      <p>
          你看这个彬彬啊，才喝几罐就醉了，真的太逊了。 这个彬彬就是逊呀！
          听你这么说，你很勇哦？ 开玩笑，我超勇的，超会喝的啦。
          超会喝，很勇嘛。身材不错哦，蛮结实的嘛。
      </p>
      <p>
          哎，杰哥，你干嘛啊。都几岁了，还那么害羞！我看你，完全是不懂哦！
          懂，懂什么啊？ 你想懂？我房里有一些好康的。
          好康，是新游戏哦！ 什么新游戏，比游戏还刺激！
      </p>
      <p>
          杰哥，这是什么啊？ 哎呦，你脸红啦！来，让我看看。
          不要啦！！ 让我看看嘛。 不要啦，杰哥，你干嘛啊！
          让我看看你法语正不正常啊！
      </p>

      <div>
          我是一段文字<br>我是第二段文字
      </div>
      <hr>
      <div>我是底部文字</div>

      <h1>一级标题</h1>
      <h2>二级标题</h2>
      <h3>三级标题</h3>
      <h4>四级标题</h4>
      <h5>五级标题</h5>
      <h6>六级标题</h6>
      <p>我是正文内容，真不错。</p>

    <a href="https://www.bilibili.com">点击访问B站</a>
    <br>
      <a href="#test">跳转锚点</a>
      <br>
      <img src="dora.jpeg" width="500">
      <img src="dora.jpeg" width="500">
      <img src="dora.jpeg" width="500">
      <img src="dora.jpeg" width="500">
      <div id="test">我是锚点</div>
      <img src="dora.jpeg" width="500">
      <img src="dora.jpeg" width="500">
      <img src="dora.jpeg" width="500">

      <ul>
          <li>一号选项</li>
          <li>二号选项</li>
          <li>三号选项</li>
          <li>四号选项</li>
          <li>五号选项</li>
      </ul>

      <ol>
          <li>一号选项</li>
          <li>二号选项</li>
          <li>三号选项</li>
          <li>四号选项</li>
          <li>五号选项</li>
      </ol>

      <table>
          <thead>
          <tr>
              <th>学号</th>
              <th>姓名</th>
              <th>性别</th>
              <th>年级</th>
          </tr>
          </thead>

          <tbody>
          <tr>
              <th>0001</th>
              <th>小明</th>
              <th>男</th>
              <th>2019</th>
          </tr>

          <tr>
              <th>0002</th>
              <th>小红</th>
              <th>女</th>
              <th>2019</th>
          </tr>
          </tbody>
      </table>
    <br>
</body>
</html>